@import '../../styles/scss/main';
.intro-card {
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: $default_intro_card_width;
    height: $default_intro_card_height;
    background: white;
    border-radius: 2px;
}

.intro-card-bg {
    height: 120px;
    background-image: url("../../assets/intro_header_bg.jpg");
    background-size: 100%;
}

.intro-header-img-bg {
    margin-top: -$default_intro_header_img_height * 0.5 + 0.1875em;
}

.intro-header-img {
    border-radius: 50%;
    width: $default_intro_header_img_height;
    height: $default_intro_header_img_height;
    border: 3px solid white;
}
